<template>
 <div class="notice">
  <div class="notice-item" v-for="(item,index) in notice" :key="index" :class="notice100">
    <span>~{{item.name}}：</span>
    <span>{{ item.value }}}</span>
  </div>
 </div>
</template>

<script>
export default {
  name:'DapingNotice',
  props:{
    notice:{
      type:Array,
      default:()=>[]
    },
    notice100:{
      type:String,
      default:''
    }
  }
}
</script>

<style lang="less" scoped>
.notice{
  width: 100%;
  height: 100%;
  line-height: 100%;
  background-color: @noticeBGColor;
  color: @noticeFontColor;
  font-size: 1.2rem;
  font-family: siyuanFont;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  .notice-item{
    width: fit-content;
    padding-left: 3rem;
  }
}
.notice100{
  width: 100%;
  height: 100%;
}
</style>
